body {
    background-image: url("../images/login_01.jpg")
}


.title {
    font-size: 70px;
    color: #00c3df;
    position: absolute;
    top: 100px;
    right: 450px;

}

input::-ms-input-placeholder {
    text-align: center
}

input::-webkit-input-placeholder {
    text-align: center
}

.input-group {
    margin-top: 10px
}

.btn-position {
    margin-top: 50px
}

.btn-position button {
    width: 30%;
    border-color: #00accc
}

.register {
    float: left
}

.login {
    float: right
}

.foot {
    position: fixed;
    bottom: 20px;
    color: #989898;
    text-align: center;
    width: 100%
}

.titleInfo {
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    color: #0f0f0f;
    margin-top: 50px
}

.form-group {
    border: 4px solid #00accc;
    position: absolute;
    top: 190px;
    right: 350px;
    width: 600px;
    height: 500px;
    border-radius: 20px;
    margin-top: 50px
}

.hide {
    display: none;
}

.role {
    text-align: center;
}

.roleName {
    margin-right: 30px;
}
